
@import './color.scss';
// 内边距
.padding-left-10 {
  padding-left: 10px;
}
.padding-left-15 {
  padding-left: 15px;
}
.padding-left-20 {
  padding-left: 20px;
}
.padding-left-30 {
  padding-left: 30px;
}
.padding-left-40 {
  padding-left: 40px;
}
.padding-right-15 {
  padding-right: 15px;
}
.padding-right-30 {
  padding-right: 30px;
}
.padding-right-40 {
  padding-right: 40px;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-top-7 {
  padding-top: 7px;
}
.padding-top-8 {
  padding-top: 8px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-top-30 {
  padding-top: 30px;
}
.padding-top-40 {
  padding-top: 40px;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-15 {
  padding-bottom: 10px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.padding-LR-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.padding-LR-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-LR-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-LR-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.padding-LR-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-LR-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.padding-TB-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding-TB-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-TB-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding-TB-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
// 外边距
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-top-35 {
  margin-top: 35px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-50 {
  margin-top: 50px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-top-80 {
  margin-top: 80px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-left-15 {
  margin-left: 15px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-left-30 {
  margin-left: 30px;
}
.margin-left-40 {
  margin-left: 40px;
}
.margin-left-60 {
  margin-left: 60px;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-right-15 {
  margin-right: 15px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-right-30 {
  margin-right: 30px;
}
.margin-right-40 {
  margin-right: 40px;
}
.margin-right-60 {
  margin-right: 40px;
}
// 高度
.height-100-bai {
  height: 100%;
}
.height-30 {
  height: 30px;
}
.height-40 {
  height: 40px;
}
.height-50 {
  height: 50px;
}
.height-60 {
  height: 60px;
}
.height-80 {
  height: 80px;
}
.height-120 {
  height: 120px;
}
.min-height-150 {
  min-height: 150px;
}
.height-150 {
  height: 150px;
}
.height-350 {
  height: 350px;
}
.height-380 {
  height: 380px;
}
.height-400 {
  height: 400px;
}
.height-790 {
  height: 790px;
}
// 图片
.img-34 {
  width: 34px;
  height: 34px;
}
.img-65 {
  width: 65px;
  height: 65px;
}
// 定位信息
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}

// 行高
.line-height-30 {
  line-height: 30px;
}
.line-height-40 {
  line-height: 40px;
}
.line-height-50 {
  line-height: 50px;
}
.line-height-60 {
  line-height: 60px;
}
.line-height-80 {
  line-height: 80px;
}
.line-height-120 {
  line-height: 120px;
}
// 宽度
.width-50-bai {
  width: 50%;
}
.width-100-vw {
  width: 100vw;
}
.width-50 {
  width: 50px;
}
.width-120 {
  width: 120px;
}
.width-400 {
  width: 400px;
}
.width-500 {
  width: 500px;
}
.width-740 {
  width: 740px;
}
.width-740-important {
  width: 740px!important;
}
.min-width-120 {
  min-width: 120px;
}
.min-height-500 {
  min-height: 500px;
}
.min-height-600 {
  min-height: 600px;
}
// 块级元素切换
.display-inlineBlock {
  display: inline-block;
}
.display-block {
  display: block;
}
.display-inline {
  display: inline;
}
// 圆角
.border-radius-5 {
  border-radius: 5px;
}
.border-radius-10 {
  border-radius: 10px;
}
.border-radius-50-bai {
  border-radius: 50%;
}
// 边框
.border-none {
  border: none;
  overflow: hidden;
}
// 溢出隐藏
.overflow-hidden {
  overflow: hidden;
}
// 字体大小
.font-size-10 {
  font-size: 10px;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-13 {
  font-size: 13px;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-16 {
  font-size: 16px;
}
.font-size-18 {
  font-size: 18px;
}
.font-size-20 {
  font-size: 20px;
}
.font-size-22 {
  font-size: 22px;
}
.font-size-24 {
  font-size: 24px;
}
.font-size-30 {
  font-size: 30px;
}
.font-size-40 {
  font-size: 40px;
}
.font-size-55 {
  font-size: 55px;
}
// 字体居中等
.text-status-center {
  text-align: center;
}
.text-status-left {
  text-align: left;
}
.text-status-right {
  text-align: right;
}
// float浮动
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear-float:after{
  content:"";//设置内容为空
  height:0;//高度为0
  line-height:0;//行高为0
  display:block;//将文本转为块级元素
  visibility:hidden;//将元素隐藏
  clear:both//清除浮动
}
.clear-float{
  zoom:1; // 为了兼容IE
}
// 字体weight
.font-weight-bold {
  font-weight: bold;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 600;
}
.font-weight-600 {
  font-weight: 600;
}
// 鼠标移入变换样式
.cursor-pointer-hover:hover {
  cursor: pointer;
  background: rgb(237,245,253);
}
.vertical-bottom {
  vertical-align: bottom;
}
.vertical-middle {
  vertical-align: middle;
}

.textOmit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}

